<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <style>
        body {
            height: 100%;
            width: 100%
        }

        .table {
            margin: auto;
        }

        .table > thead > tr > th {
            border: 0px;
            text-align: center;
        }

        .table > tbody > tr > td {
            justify-content: center;
            align-items: center;
            text-align: center;
            vertical-align: center;
        }
    </style>
    <script>
        $(function () {

        })
    </script>
</head>
<body>
<div class="modal-body">
    <div id="dynamic-content"></div>
</div>

<div>
    <input type="button" id="searchFrom" content="查询"/>
</div>
{% if itemData | length %}

<div class="row">
    <div class="col-md-10 col-md-offset-1">
        <div>
            <table class="table  table-primary table-striped table-hover">
                <thead class="bg-primary ">
                <tr>
                    <th></th>
                    <th>商品代码</th>
                    <th>单件商品名称</th>
                    <th>注册备案编号</th>
                    <th>注册备案产品名称</th>
                    <th>规格</th>
                    <th>型号</th>
                    <th>生产企业</th>
                    <th>四川申报企业</th>
                    <th>国家申报企业</th>
                    <th>分类采购类别</th>
                    <th>关联老产品流水号</th>
                    <th>截止上月末全省医疗机构采购加权平均价</th>
                    <th>我省最高参考价</th>
                    <th>联动参考价</th>
                    <th>年</th>
                    <th>月</th>
                </tr>
                </thead>
                <tbody>
                {% for item in itemData %}
                <tr>
                    <td valign="center">{{ loop.index }}</td>
                    <td><a href="/detail/{{ item.procure_id }}" target="_self">{{ item.procure_id }} </a>
                    </td>
                    <td>{{ item.produce_name }}</td>
                    <td>{{ item.reg_code }}</td>
                    <td>{{ item.reg_produce_name }}</td>
                    <td>{{ item.specification }}</td>
                    <td>{{ item.model }}</td>
                    <td>{{ item.produce_company_name }}</td>
                    <td>{{ item.sc_declare_company_name }}</td>
                    <td>{{ item.country_declare_company_name }}</td>
                    <td>{{ item.purchase_class }}</td>
                    {% if item.relation_old_produce_code is none %}
                    <td></td>
                    {% else %}
                    <td> {{item.relation_old_produce_code}}</td>
                    {% endif %}
                    {% if item.last_month_average_price is none %}
                    <td></td>
                    {% else %}
                    <td> {{item.last_month_average_price}}</td>
                    {% endif %}
                    <td>{{ item.high_price }}</td>
                    <td>{{ item.linkage_reference_price }}</td>
                    <td>{{ item.year }}</td>
                    <td>{{ item.month }}</td>
                </tr>
                {% endfor %}

                </tbody>
            </table>
        </div>
    </div>
</div>
itemData is not empty
{% else %}
<p>暂无数据</p>
{% endif %}
</body>
</html>